<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<!-- meta使用viewport以确保页面可自由缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- 引入 jQuery Mobile 样式 -->
<link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">

<link rel="stylesheet" href="css/vv.css">
<link rel="stylesheet" href="iconfont/iconfont.css">
<!-- 引入 jQuery 库 -->
<script src="js/jquery-1.11.3.min.js"></script>

<!-- 引入 jQuery Mobile 库 -->
<script src="js/jquery.mobile-1.4.5.min.js"></script>

<script src="js/vv.js"></script>
</head>

<body>


<div data-role="page" class="bg_pic">
<!-----------------------------头部 开始------------------------------>
  <div data-role="header" data-position="fixed" class="color_yellow1">
    <a href="javascript:document.history.back(-1)" class="ui-btn ui-btn-icon-left border_none return"><</a>
    <h1 class="shadow_none">伦卡流量宝</h1>
    <a href="#languege_btn" data-rel="popup" data-position-to="#languege" id="languege" class="ui-btn ui-btn-icon-left return langue_border">语言</a>
      <div data-role="popup" id="languege_btn" class="pad_05em" data-arrow="t">
        <ul class="switch_ul">
          <li><a class="switch_sty" href="#">中文</a></li>
          <li><a class="switch_sty" href="#">英文</a></li>
        </ul>
      </div>  
  </div>
<!-----------------------------头部 结束------------------------------>
<!-----------------------------主体内容 开始------------------------------>
  <div data-role="main" class="ui-content">
  <!------logo 开始------->
    <div class="logo1">
      <div class="logo1_w70p">
        <img src="images/index_logo.png" width="100%">
      </div>  
    </div>
    <div class="clear"></div>
  <!------logo 结束------->
  <!------6模块 开始------->
    <p>
    <div class="modular float_l">
      <a href="#">
        <div class="modular_w44p">
          <img src="images/coin.png" width="100%">
          <div class="modular_title">赚更多</div>
        </div>
      </a>
    </div>
    <div class="modular float_r">
      <a href="#">
        <div class="modular_w44p">
          <img src="images/rank.png" width="100%">
          <div class="modular_title">排行榜</div>
        </div>
      </a>
    </div>
    </p>
    <div class="clear"></div>
    <p>
    <div class="modular float_l">
      <a href="#">
        <div class="modular_w44p">
          <img src="images/about_us.png" width="100%">
          <div class="modular_title">关于我们</div>
        </div>
      </a>
    </div>
    <div class="modular float_r">
      <a href="#">
        <div class="modular_w44p">
          <img src="images/key_share.png" width="100%">
          <div class="modular_title">一键分享</div>
        </div>
      </a>
    </div>
    </p>
    <div class="clear"></div>
    <p>
    <div class="modular float_l">
      <a href="#">
        <div class="modular_w44p">
          <img src="images/information.png" width="100%">
          <div class="modular_title">关于我们</div>
        </div>
      </a>
    </div>
    <div class="modular float_r">
      <a href="#">
        <div class="modular_w44p">
          <img src="images/zhuce.png" width="100%">
          <div class="modular_title">注册系统</div>
        </div>
      </a>
    </div>
    </p>
    <div class="clear"></div>
  <!------6模块 结束------->
  </div>
<!-----------------------------主体内容 结束------------------------------>
<!-----------------------------底部 开始------------------------------>
  <div data-role="footer" data-position="fixed" class="color_yellow1 opacity_9 textalign_c">
    <div class="ui-grid-c foot_btns">
    	<div class="ui-block-a foot_block active">
          <a href="#">
            <i class="iconfont icon-shouyeshouye"></i>
            <div>首页</div>
          </a>
        </div>
        <div class="ui-block-b foot_block">
          <a href="#">
            <i class="iconfont icon-shezhi"></i>
            <div>转伦卡</div>
          </a>
        </div>
        <div class="ui-block-c foot_block">
          <a href="#">
            <i class="iconfont icon-jiaoyi"></i>
            <div>交易系统</div>
          </a>
        </div>
        <div class="ui-block-d foot_block">
          <a href="#">
            <i class="iconfont icon-gerenzhongxin"></i>
            <div>个人中心</div>
          </a>
        </div>
    </div>
  </div>
<!-----------------------------底部 结束------------------------------>
</div>
</body>
</html>
<script>
$(document).ready(function() {
   $(".foot_btns a").on("tap",function(){
	$(".foot_btns").children(".foot_block").eq(0).addClass("active").siblings(".foot_block").removeClass("active");   
   })
});
</script>